<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; Charset=utf-8" />
		<meta http-equiv="Content-Language" content="zh-CN" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<title>Xiaosongshu-xiaosongshu个人博客网站</title>
		<link rel="shortcut icon" href="{{ url_for('static', filename='front/images/logo.png') }}" type="image/x-icon" />
		<!--Layui-->
		<link href="{{ url_for('static', filename='front/layui/css/layui.css') }}" rel="stylesheet" />
		<!--font-awesome-->
		<link href="{{ url_for('static', filename='front/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet" />
		<!--全局样式表-->
		<link href="{{ url_for('static', filename='front/css/global.css') }}" rel="stylesheet" />
		<link href="{{ url_for('static', filename='front/css/animate.min.css') }}" rel="stylesheet" />
		<!-- 本页样式表 -->
		<link href="{{ url_for('static', filename='front/css/index.css') }}" rel="stylesheet" />
		<link href="{{ url_for('static', filename='front/css/blog.css') }}" rel="stylesheet" />
	</head>

	<body>

		<nav id="h" class="blog-nav layui-header">
			<div class="blog-container">

				<a class="blog-logo" href="/front/blog/index">xiaosongshu</a>

				<ul class="layui-nav" lay-filter="nav">
					<li class="layui-nav-item">
						<a href="/front/blog/index"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
					</li>
					<li class="layui-nav-item">
						<a href="/front/blog/category/0"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
					</li>
					<li class="layui-nav-item">
						<a href="/front/list" target="_blank"><i class="fa fa-list fa-fw"></i>&nbsp;所有资源</a>
					</li>
					<!-- <li class="layui-nav-item">
						<a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
					</li> -->
					<span class="layui-nav-bar"></span></ul>

				<a class="blog-navicon" href="javascript:;">
					<i class="fa fa-navicon"></i>
				</a>
			</div>
		</nav>

		<div class="blog-user"></div>

		<div class="blog-body">
			<div class="layui-carousel blog-bg" id="carousel" lay-anim="default" lay-indicator="inside" lay-arrow="always" style="width: 1170px; height: 360px;">
				<div carousel-item="">
					<div class="bg bg_a"></div>
					<div class="bg bg_b"></div>
					<div class="bg bg_c layui-this"></div>
					<div class="bg bg_d"></div>
					<div class="bg bg_e"></div>
				</div>
				<div class="layui-carousel-ind">
					<ul>
						<li class=""></li>
						<li class=""></li>
						<li class="layui-this"></li>
						<li class=""></li>
						<li class=""></li>
					</ul>
				</div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
			<div class="blog-container">
				<div class="blog-main">

					<div class="home-tips shadow">
						<i style="float:left;line-height:17px;" class="fa fa-volume-up"></i>
						<div class="home-tips-container">
							<span style="color: rgb(0, 150, 136); cursor: pointer; display: none;"><p><span><a href="/front/list/" target="_blank">本站所有资源列表（点击查看）</a></span></p>
							</span><span style="color: rgb(0, 150, 136); cursor: pointer; display: block;"><p><span>xiaosongshu&nbsp; —— &nbsp;喜欢分享生活</span></p>
						</div>
					</div>

					<div class="blog-main-left animated slideInLeft">
						<div class="flow-default" id="parentArticleList">
							{% for article in articles %}
							<div class="article shadow animated zoomIn">
								<div class="">
									<div class="article-title">
										<a href="/front/blog/article/{{ article.id}}">{{ article.title}}</a>
									</div>
								</div>
								<div class="clear"></div>
								<div class="article-footer">
									<span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;{{ article.create_at}}</span>
								</div>
							</div>
                            {% endfor %}
						</div>
					</div>

					<div class="blog-main-right">

						<div class="blogerinfo shadow animated fadeInRight">
							<div class="blogerinfo-figure">
								<img src="{{ url_for('static', filename='front/img/admin.jpg') }}" alt="小松鼠">
							</div>
							<p class="blogerinfo-nickname">小松鼠</p>
							<p class="blogerinfo-introduce">微信号：17701309494</p>
							<p class="blogerinfo-introduce">分享免费的资源~</p>
							<!-- <p class="blogerinfo-location"><i class="fa fa-location-arrow"></i>&nbsp;<span>湖南-湘潭</span></p> -->
						</div>


						<div class="article-category shadow categoryOut">
							<div class="article-category-title">分类导航</div>
							{% for category in categorys%}
							<a href="/front/blog/category/{{ category.id}}">{{ category.name}}</a>
							{% endfor %}
							<div class="clear"></div>
						</div>

						<!-- <div class="blog-module shadow animated fadeInRight">
							<div class="blog-module-title"><i class="fa fa-link"></i>&nbsp;友情链接</div>
							<ul class="blogroll">
								<li>
									<a target="_blank" href="http://wurao.xin" title="勿扰博客">勿扰博客</a>
								</li>
								<li>
									<a target="_blank" href="http://blog.itcodai.com" title="ITcodai博客">ITcodai博客</a>
								</li>
								<li>
									<a target="_blank" href="https://www.zqfirst.top" title="旧时光">旧时光</a>
								</li>
							</ul>
						</div> -->
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>

		<footer id="f" class="blog-footer">
			<p><span>Copyright</span><span>©</span><span>2023</span>
				<a href="http://www.long225.cn">xiaosongshu</a>
				<!-- <span>Design By Longwang</span> -->
			</p>
			<p>
				<a href="http://www.miitbeian.gov.cn" target="_blank">京ICP备2022019686号  | 京公网安备 11011402012756号</a>
			</p>
		</footer>

		<ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
			<li class="layui-nav-item">
				<a href="index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
			</li>
			<li class="layui-nav-item">
				<a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
			</li>
			<li class="layui-nav-item">
				<a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i>&nbsp;杂七杂八</a>
			</li>
			<li class="layui-nav-item">
				<a href="timeline.html"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
			</li>
			<li class="layui-nav-item">
				<a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
			</li>
			<span class="layui-nav-bar"></span>
		</ul>


		<div class="blog-share layui-hide">
			<div class="blog-share-body">
				<div style="width: 200px;height:100%;">
					<div class="bdsharebuttonbox bdshare-button-style0-32" data-bd-bind="1533783041273">
						<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
						<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
						<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
						<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
					</div>
				</div>
			</div>
		</div>

		<div class="blog-mask animated layui-hide"></div>

		<script src="{{ url_for('static', filename='front/js/jquery.min.js') }}"></script>

		<script src="{{ url_for('static', filename='front/layui/layui.js') }}"></script>

		<script src="{{ url_for('static', filename='front/js/global.js') }}"></script>
		<script src="{{ url_for('static', filename='front/js/index.js') }}"></script>
	</body>

</html>